<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>奶龙主题站 - 欢迎来到萌趣世界</title>
	<link href="assets/css/theme.css" rel="stylesheet" type="text/css"/>
    <link href="./assets/css/bootstrap.min.css" rel="stylesheet"  type="text/css">
	<script src="./js/jquery.min.js"></script>
	<script src="./js/bootstrap.bundle.min.js"></script>
	<script src="js/theme.js"></script>
	<script src="js/login.js"></script>
</head>
<body>
	<nav class="navbar navbar-expand-lg navbar-light fixed-top">
	  <div class="container">
	    <a class="navbar-brand" href="#">
		<img src="/assets/img/logo.png" alt="奶龙" width="40" class="d-inline-block">
		<span class="navbar-brand" id="nailong_hut">奶龙小屋</span>
		</a>
	    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
	      <span class="navbar-toggler-icon"></span>
	    </button>
	</nav>
	<section id="home" class="container mt-5 pt-5">
		<a name = "home"></a>
	    <div class="row justify-content-center">
	        <div class="col-md-6">
	            <h1 class="display-4 text-center">欢迎来到奶龙小屋</h1>
	        </div>
	    </div>
	</section>
    <section id="intro" class="container my-5 dragon-pattern py-5">
        <h2 class="text-center mb-4">🌟 奶龙登录 🌟</h2>
        <div class="row row-cols-1 row-cols-md-3 g-4 justify-content-center">
            <div class="col">
                <div class="dragon-card h-100 p-3">
					<form method="post">
						<p class="justify-content-center text-center">账户:<input type="text" name="" id="username" value="" /></p>
						<p class="justify-content-center text-center">密码:<input type="password" name="" id="password" value="" /></p>
						<p class="justify-content-center text-center"><input class="btn-warning" type="button" value="登录" onclick="login()" /></p>
					</form>
                </div>
            </div>
        </div>
    </section>
	<!-- 页脚 -->
	<footer>
		<div class="container">
			<div class="row border-top pt-4">
				<div class="col-md-3 mb-3">
					<h5>奶龙百科</h5>
					<ul class="list-unstyled">
						<li><a class="text-decoration-none text-dark" href="https://baike.baidu.com/奶龙" target="_blank">角色档案‌</a></li>
						<li><a class="text-decoration-none text-dark" href="https://baike.baidu.com/奶龙之奇妙冒险" target="_blank">奇妙冒险‌</a></li>
						<li><a class="text-decoration-none text-dark" href="https://baike.baidu.com/奶龙爆笑嘉年华" target="_blank">爆笑嘉年华‌</a></li>
					</ul>
				</div>
	
				<div class="col-md-3 mb-3">
					<h5>奶龙微博</h5>
					<ul class="list-unstyled">
						<li><a class="text-decoration-none text-dark" href="https://weibo.com/奶龙Nailoong" target="_blank">官方主页‌</a></li>
						<li><a class="text-decoration-none text-dark" href="https://weibo.com/奶龙超话" target="_blank">粉丝超话</a></li>
						<li><a class="text-decoration-none text-dark" href="https://weibo.com/巴波泡" target="_blank">联名活动</a></li>
					</ul>
				</div>
	
				<div class="col-md-3 mb-3">
					<h5>奶龙动画片</h5>
					<ul class="list-unstyled">
						<li><a class="text-decoration-none text-dark" href="https://v.qq.com/奶龙" target="_blank">腾讯视频‌</a></li>
						<li><a class="text-decoration-none text-dark" href="https://www.youku.com/奶龙" target="_blank">优酷视频‌</a></li>
						<li><a class="text-decoration-none text-dark" href="https://www.iqiyi.com/奶龙" target="_blank">爱奇艺</a></li>
					</ul>
				</div>
	
				<div class="col-md-3 mb-3">
					<!-- 保留原有装饰元素 -->
					<button class="milk-bottle mb-3 btn-outline-light" onclick="upToHead()"></button>
					<h5>联系我们</h5>
					<ul class="list-unstyled">
						<p>© 2025 奶龙主题站 - 保留所有权利</p>
						<p>联系邮箱: chenkelong@nailong.com</p>
					</ul>
				</div>
			</div>
		</div>
	</footer>
</body>
</html>